.office-map{position:relative}.office-map__canvas{background:var(--color-surface-muted,#f2f2f2);border-radius:12px;width:100%;height:420px;overflow:hidden}.office-map__card{z-index:10;background:#fff;border-radius:10px;max-width:260px;padding:16px 20px;position:absolute;top:16px;right:16px;box-shadow:0 4px 20px #0000001f}.office-map__card-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:8px;right:12px}.office-map__card-city{color:var(--color-text-dark);margin:0 0 4px;font-size:1rem;font-weight:700}.office-map__card-address{color:var(--color-text-supporting);margin:0 0 8px;font-size:.85rem;line-height:1.4}.office-map__card-phone{color:var(--color-brand);font-size:.9rem;font-weight:600;text-decoration:none}.office-map__card-phone:hover{text-decoration:underline}.office-map__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.office-map__list-item{border:1px solid var(--color-border,#ebebeb);background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.office-map__list-dot{background:var(--color-brand);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.office-map__list-city{color:var(--color-text-dark);margin:0;font-size:.85rem;font-weight:600}.office-map__list-address{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem;line-height:1.4}@media (max-width:1024px){.office-map__canvas{height:360px}}@media (max-width:768px){.office-map__canvas{border-radius:8px;height:280px}.office-map__card{max-width:none;inset:auto 12px 12px}.office-map__list{grid-template-columns:1fr}}